<template>
    <div class="f-j-a-c component-card-title">
        <img v-if="showLine" class="header-icon" src="@/assets/img/zuo@2x.png" alt="">
          <div class="novavers-title">
            {{title}}
          </div>
          <img v-if="showLine"  class="header-icon" src="@/assets/img/you@2x.png" alt="">
    </div>
</template>


<script>
import { defineComponent, reactive,  } from 'vue';
export default defineComponent({
    props:{
        title:String,
        showLine:{
            type:Boolean,
            default:true
        }
    },
    setup(props, { attrs, slots, emit }) {
    }
})

</script>


<style lang="scss">

.component-card-title {
  >img {
    width: 214px;
  }
  >img:first-child{
    margin-right: 20px;
  }
  >img:last-child{
    margin-left: 20px;
  }
  >div {
    min-width: 268px;
    height: 70px;
    line-height: 60px;
    font-size: 30px;
    text-shadow: 0px 0px 10px #BB27F7;
    color: #FFFFFF;
    text-align: center;
    background: url("../../../assets/img/wenzik@2x.png");
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center;
    padding:0 25px 0 20px;
    font-family: WDJXH-Regular, WDJXH;
  }
}


</style>